import React, { Component } from 'react';
import './index.scss'
import {bindActionCreators} from 'redux'
import action from '../../../store/user/action'
import {connect} from 'react-redux'
class User extends Component {
  render() {
    return (
      <div className = "mine-user page-footer">
          <div className = "user-top">
              <div className="touxiang lt">
                <img src={require('../../../static/images/touxiang.jpg')}/>
              </div>
              <button onClick={this.props.exit} className="rt">退出</button>  
          </div>
           <div className="content">
              <ul>
                <li className="vip">
                  <div className="boxtop">
                    <p>会员权益<small className="rt">去开通</small></p>
                    <h5>开通会员每月平均可以帮你多赚2046元</h5>
                  </div>
                  <div className="linkto">
                    <a href="javascript:void(0)">
                      <span className="circle"><i className="iconfont icon-chongzhi"></i></span>
                      <span>会员充值</span>
                    </a>
                     <a href="javascript:void(0)">
                      <span className="circle"><i className="iconfont icon-tuihuan"></i></span>
                      <span>会员专价</span>
                    </a>
                     <a href="javascript:void(0)">
                      <span className="circle"><i className="iconfont icon-shoucangsanbianhua"></i></span>
                      <span>会员特权</span>
                    </a>
                     <a href="javascript:void(0)">
                      <span className="circle"><i className="iconfont icon-icon-test"></i></span>
                      <span>专属客服</span>
                    </a>
                  </div>
                </li>
                <li className="empty"></li>
                <li className="sameli">
                  <span>我的优惠券</span>
                  <i className="iconfont icon-xiangyou1 rt"></i>
                </li>
                <li className="empty"></li>
                <li className="sameli">
                  <span>我的订单</span>
                  <i className="iconfont icon-xiangyou1 rt"></i>
                </li>
                <li className="empty"></li>
                <li className="sameli">
                  <span>地址管理</span>
                  <i className="iconfont icon-xiangyou1 rt"></i>
                </li>
              </ul>
           </div>
           <div className="userfoot">
            <a href="javascript:void(0)"><i className="iconfont icon-qianggou"></i><span>热门商品</span></a> 
            <a href="javascript:void(0)"><i className="iconfont icon-shangjia"></i><span>购物车</span></a> 
            <a href="javascript:void(0)" className="active"><i className="iconfont icon-guanyuwomen"></i><span>个人中心</span></a>
           </div>   
      </div>
    );
  }
}

export default connect(state => state,
                        dispatch => {
                       	 return bindActionCreators(action,dispatch)
                       }
	            )(User);
